/* section-skills start */
.section-skills__container {
  position: relative;
  text-align: center;
}

.section-skills__title {
  margin: 20px auto;
  color: #3c4761;
}
/* .section-skills__title.medium {
  font-size: 22px;
} */
.section-skills__separate {
  background: #dfe8ed !important;
}

.section-skills__text {
  margin: 0 auto;
  max-width: 580px;
  color: #3c4761;
}

.section-skills__end {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}

.section-skills__progress {
  position: relative;
  height: 175px;
  width: 170px;
  background-size: contain;
  background-repeat: no-repeat
}

.section-skills__progress.sky {
  background-image: url("../img/section-skills/progress-sky.png");
}
.section-skills__progress.pink {
  background-image: url("../img/section-skills/progress-pink.png");
}
.section-skills__progress.teal {
  background-image: url("../img/section-skills/progress-teal.png");
}
.section-skills__progress.orange {
  background-image: url("../img/section-skills/progress-orange.png");
}

.section-skills__number {
  position: absolute;
  transform: translate(-40%, 100%);
  font-size: 45px;
  color: #3c4761;
}

.section-skills__info {
  color: #3c4761;
}

@media (max-width: 767px) {
  .section-skills__end {
    flex-direction: column;
  }
  .section-skills__item {
    margin: 0 auto 45px;
  }
  .section-skills__text {
    font-size: 14px;
  }
}
/* section-skills end */
